<template>
  <view style="width: 100vw;">
    <view>
      <image src="/static/mine/1.png" style="width: 100%;"></image>
    </view>
    
    <view style="width: 100vw; display: flex; justify-content: center; align-items: center;margin-top: 10px;margin-bottom: 10px;">
      <button type="primary" v-if="show" style="width: 50%;background-color: #007F61;" @click="login">点击登录</button>
      <image v-if="!show" src="/static/mine/4.png" style="width: 90vw; border-radius: 10px;height: 20vh;"></image>
    </view>
    
    <view style="width: 100vw; height: 20vh; display: flex; justify-content: center; align-items: center;">
      <image src="/static/mine/2.png" style="width: 90vw; height: 100%;border-radius: 10px;"></image>
    </view>
    
    <view style="width: 100vw; height: 30vh; display: flex; justify-content: center; align-items: center;margin-top: 10px;">
      <image src="/static/mine/3.png" style="width: 90vw; height: 100%;border-radius: 10px;"></image>
    </view>
    
  </view>
</template>

<script>
  export default {
    data() {
      return {
        show:true
      };
    },
    methods:{
      login(){
        this.show=false;
      }
    }
  }
</script>

<style lang="scss">
page{
  background-color: white;
}
</style>
